<body>
    <div class="x-body">
    <?php var_dump($list); ?>
        <form action="" method="post" class="layui-form layui-form-pane">
            <div class="layui-form-item layui-form-text">
                <table  class="layui-table layui-input-block">
                    <tbody id="x-link">
                        <input type="hidden" name="id" value="{$auth_rule['id']}">
                        <input type="hidden" name="key" value="{$key}"> 
                        <style type="text/css">
                            th{background-color:#DADADA}
                        </style>
                        <tr>
                            <th>
                                权限规则
                            </th>
                            <td>
                                <input type="text" name="name" value="{$auth_rule['name']}" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                权限名称
                            </th>
                            <td>
                                <input type="text" name="title" value="{$auth_rule['title']}" />
                            </td>
                        </tr>
                        <tr>
                            <th>
                                所属分类
                            </th>
                            <td>
                                <input type="text" name="ctitle" value="{$auth_rule['ctitle']}" />
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div class="layui-form-item">
                <button class="layui-btn" lay-submit="save" lay-filter="save">保存</button>
            </div>
        </form>
    </div>
    <script>
        layui.use(['form','layer'], function(){
            $ = layui.jquery;
          var form = layui.form()
          ,layer = layui.layer;

          //监听提交
          form.on('submit(save)', function(data){
            layer.confirm('确实更改吗？', {icon: 3}, function () {
                // console.log(data);
                //发异步，把数据提交给php
                $.post('{:U('admin/admin/rule_edit')}', {data: data.field}, function(response) {
                    if (response.type == 1) {
                        layer.alert(response.info, {icon: 6},function () {
                            // 获得frame索引
                            var index = parent.layer.getFrameIndex(window.name);
                            //关闭当前frame
                            parent.layer.close(index);
                            parent.document.children[0].children[1].children[1].children[2].children[1].children[response.data.key].children[3].innerText = response.data.title;
                            parent.document.children[0].children[1].children[1].children[2].children[1].children[response.data.key].children[2].innerText = response.data.name;
                        });
                    } else if(response.type == 0) {
                        layer.alert(response.info, {icon: 5});
                    }
                });
            });
            return false;
          });
          
        });
    </script>
</body>